<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
		<style>
			
		</style>
		<script src="./src/vue.js"></script>
	</head>

	<body>
		
		<div id="app">
			<p>{{message}}</p>
		</div>
		<div id="index">
			<p>{{message}}</p>
		</div>
		<script>
			// 子构造器
			// 组件就是一个函数
			let child = Vue.extend({  // 选项对象，不要写el
				data(){
					return {
						message: 'child'
					}
				}
			});

			(new child()).$mount('#index')



			// 未挂载
			let vm = new Vue({
				data: {
					message:'hello'
				}
			})
			vm.$mount('#app')
			/*setTimeout(function (){
				vm.$mount('#app')	
			},1000)*/

		</script>
	</body>
</html>